<template>
    <div style="margin-top:80px;">
        <input type="number" v-model="counter" step="100">
        <h2>{{showNumber.toFixed(0)}}</h2>
    </div>
</template>
<script>
import gsap from 'gsap'
export default {
    name: '',
    data() {
       return {
           counter: 0,
           showNumber: 0
       }
    },
    watch: {
        counter(newval) {
            // console.log(newval)
            gsap.to(this, {duration: 1, showNumber: newval})
        }
    },
    created() {},
    methods: {},
}
</script>
<style>
</style>
